<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>联艺传媒(中国) - 专业企业宣传片制作公司-官方网站</title>
<meta name="keywords" content="联艺传媒,企业宣传片,产品宣传片,活动视频,平面设计,活动策划,宣传片制作公司"/>
<meta name="description" content="东莞联艺设计传媒有限公司专注企业宣传视频制作，涵括企业宣传片、产品宣传片、活动视频、平面设计、活动策划等业务，拥有成熟团队和多年实战经验，以策略化+视觉化创意解决方案，助力企业品牌升级"/>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- 修复：改用直接可加载的CSS，删除Less依赖 -->
<link rel="stylesheet" type="text/css" href="/Public/css/pc.css" />
<script type="text/javascript" src="/Public/js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="/Public/js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="/Public/js/video/layer/layer.js"></script>
<script type="text/javascript" src="/Public/plugins/wow/js/wow.js"></script>
<link rel="stylesheet" type="text/css" href="/Public/plugins/wow/css/animate.css" />
<link rel="stylesheet" type="text/css" href="/Public/plugins/hover/hover-min.css" />
<link rel="icon" href="/favicon.ico" type="images/x-icon" />
<!-- 修复：添加全局样式，防止动画导致的布局错乱 -->
<style>
/* 隐藏水平滚动条，解决WOW动画偏移问题 */
body { overflow-x: hidden; margin: 0; padding: 0; }
/* 统一盒模型，避免宽高计算错误 */
* { box-sizing: border-box; }
/* 清除浮动，防止父元素高度塌陷 */
.clearfix::after { content: ""; display: block; clear: both; visibility: hidden; height: 0; }
.clearfix { zoom: 1; }
/* 确保容器居中，固定布局宽度 */
.min_width { width: 1200px; margin: 0 auto; }
.index_centered { width: 1200px; margin: 0 auto; }
/* 修复轮播组件样式 */
.banner .bd ul { margin: 0; padding: 0; list-style: none; }
.banner .bd li { float: left; }
.banner .bd img { width: 100%; height: auto; }
/* 修复产品展示布局 */
.index_product .bd ul { margin: 0 -10px; padding: 0; list-style: none; }
.index_product .bd li { float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px; }
.index_product .pic { width: 100%; height: 180px; overflow: hidden; }
.index_product .pic img { width: 100%; height: 100%; object-fit: cover; }
</style>
</head>
<body>
<!-- header -->
<div class="header min_width">
    <div class="top">
        <div class="centered clearfix">
            <p class="fl">欢迎来到 东莞联艺传媒官网!专业企业宣传片制作公司 <span>咨询热线： 15384200991</span></p>
        </div>
    </div>
    <div class="bottom centered">
        <div class="bottom_box clearfix">
            <div class="logo_box fl" style="width: 20%;">
                <div class="logo"><img src="/upload/sys/pc/logo.png" alt="东莞联艺设计传媒有限公司" style="max-width: 100%; height: auto;" /></div>
            </div>
            <div class="tit_box fl" style="width: 40%; padding: 20px 0; text-align: center;">
                <div class="tit"><p class="p" style="font-size: 24px; color: #333; margin: 0;">让视频助力品牌营销</p></div>
            </div>
            <div class="phone_box fr" style="width: 40%; text-align: right; padding: 20px 0;">
                <div class="phone clearfix">
                    <i class="fl" style="display: inline-block; width: 30px; height: 30px; background: url(/upload/sys/pc/phone.png) no-repeat center; vertical-align: middle;"></i>
                    <div class="t fr">
                        <span style="font-size: 14px; color: #666;">咨询热线：</span>
                        <p style="font-size: 18px; color: #e63946; margin: 5px 0; font-weight: bold;">15384200991</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="nav" style="background: #333; height: 50px; line-height: 50px;">
        <ul class="clearfix centered" style="margin: 0; padding: 0; list-style: none;">
            <li class="pr on" style="float: left; width: 14.28%; text-align: center;"><a href="/" style="color: #fff; text-decoration: none; display: block;">首页</a></li>
            <li class="pr" style="float: left; width: 14.28%; text-align: center;"><a href="/xcp" style="color: #fff; text-decoration: none; display: block;">企业宣传片</a></li>
            <li class="pr" style="float: left; width: 14.28%; text-align: center;"><a href="/xxp" style="color: #fff; text-decoration: none; display: block;">产品宣传片</a></li>
            <li class="pr" style="float: left; width: 14.28%; text-align: center;"><a href="/gdfw" style="color: #fff; text-decoration: none; display: block;">更多服务</a></li>
            <li class="pr" style="float: left; width: 14.28%; text-align: center;"><a href="/aboutUs" style="color: #fff; text-decoration: none; display: block;">走进联艺传媒</a></li>
            <li class="pr" style="float: left; width: 14.28%; text-align: center;"><a href="/news" style="color: #fff; text-decoration: none; display: block;">新闻资讯</a></li>
            <li class="pr" style="float: left; width: 14.28%; text-align: center;"><a href="/contactUs" style="color: #fff; text-decoration: none; display: block;">联系我们</a></li>
        </ul>
    </div>
</div>

<!--banner-->
<div class="banner min_width" style="height: 400px; overflow: hidden;">
    <div class="hd" style="position: absolute; top: 370px; left: 50%; transform: translateX(-50%); z-index: 10;"><ul style="margin: 0; padding: 0; list-style: none;"><li style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #fff; margin: 0 5px; cursor: pointer;"></li><li style="display: inline-block; width: 10px; height: 10px; border-radius: 50%; background: #ccc; margin: 0 5px; cursor: pointer;"></li></ul></div>
    <div class="bd" style="width: 100%; height: 100%;">
        <ul style="width: 200%; height: 100%; margin: 0; padding: 0; list-style: none;">
            <li style="float: left; width: 50%; height: 100%;"><a href="/xcp"><img src="/upload/image/202003/5e72d39bd26e2.jpg" alt="" style="width: 100%; height: 100%; object-fit: cover;" /></a></li>
            <li style="float: left; width: 50%; height: 100%;"><a href="/aboutUs"><img src="/upload/image/202003/5e72d3b4685e7.jpg" alt="" style="width: 100%; height: 100%; object-fit: cover;" /></a></li>
        </ul>
    </div>
    <a class="prev" href="javascript:void(0)" style="position: absolute; top: 50%; left: 20px; transform: translateY(-50%); width: 40px; height: 60px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; line-height: 60px; text-decoration: none; font-size: 24px;">←</a>
    <a class="next" href="javascript:void(0)" style="position: absolute; top: 50%; right: 20px; transform: translateY(-50%); width: 40px; height: 60px; background: rgba(0,0,0,0.5); color: #fff; text-align: center; line-height: 60px; text-decoration: none; font-size: 24px;">→</a>
</div>

<!-- advantage -->
<div class="index_advantage min_width" style="padding: 50px 0;">
    <ul class="ul clearfix index_centered" style="margin: 0; padding: 0; list-style: none;">
        <li class="li fl" style="float: left; width: 20%; padding: 0 15px;">
            <div class="icon" style="width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center;">
                <i class="i" style="background: url(/upload/sys/pc/advantage/1.png) no-repeat center; width: 40px; height: 40px;"></i>
            </div>
            <div class="text" style="text-align: center; margin-top: 20px;">
                <span class="span" style="font-size: 18px; color: #333; font-weight: bold; display: block; margin-bottom: 10px;">独立策划团队</span>
                <div class="remark" style="font-size: 14px; color: #666; line-height: 1.8;">
                    <p style="margin: 0;">专属一对一视频</p>
                    <p style="margin: 0;">策划服务，5年+项目策划</p>
                    <p style="margin: 0;">精英为您精准把控。</p>
                </div>
            </div>
        </li>
        <li class="li fl" style="float: left; width: 20%; padding: 0 15px;">
            <div class="icon" style="width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center;">
                <i class="i" style="background: url(/upload/sys/pc/advantage/2.png) no-repeat center; width: 40px; height: 40px;"></i>
            </div>
            <div class="text" style="text-align: center; margin-top: 20px;">
                <span class="span" style="font-size: 18px; color: #333; font-weight: bold; display: block; margin-bottom: 10px;">只做原创产品</span>
                <div class="remark" style="font-size: 14px; color: #666; line-height: 1.8;">
                    <p style="margin: 0;">为您量身定制</p>
                    <p style="margin: 0;">的视频作品，是我们</p>
                    <p style="margin: 0;">对您的服务承诺</p>
                </div>
            </div>
        </li>
        <li class="li fl" style="float: left; width: 20%; padding: 0 15px;">
            <div class="icon" style="width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center;">
                <i class="i" style="background: url(/upload/sys/pc/advantage/3.png) no-repeat center; width: 40px; height: 40px;"></i>
            </div>
            <div class="text" style="text-align: center; margin-top: 20px;">
                <span class="span" style="font-size: 18px; color: #333; font-weight: bold; display: block; margin-bottom: 10px;">一站式制作流程</span>
                <div class="remark" style="font-size: 14px; color: #666; line-height: 1.8;">
                    <p style="margin: 0;">只需告知您的需求，</p>
                    <p style="margin: 0;">后续从策划、拍摄、到剪辑</p>
                    <p style="margin: 0;">都由我们负责。</p>
                </div>
            </div>
        </li>
        <li class="li fl" style="float: left; width: 20%; padding: 0 15px;">
            <div class="icon" style="width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center;">
                <i class="i" style="background: url(/upload/sys/pc/advantage/4.png) no-repeat center; width: 40px; height: 40px;"></i>
            </div>
            <div class="text" style="text-align: center; margin-top: 20px;">
                <span class="span" style="font-size: 18px; color: #333; font-weight: bold; display: block; margin-bottom: 10px;">快速响应时间</span>
                <div class="remark" style="font-size: 14px; color: #666; line-height: 1.8;">
                    <p style="margin: 0;">贴身服务顾问</p>
                    <p style="margin: 0;">全程跟进项目进展，</p>
                    <p style="margin: 0;">15分钟内帮您解答一切疑惑。</p>
                </div>
            </div>
        </li>
        <li class="li fl" style="float: left; width: 20%; padding: 0 15px;">
            <div class="icon" style="width: 80px; height: 80px; margin: 0 auto; border-radius: 50%; background: #f5f5f5; display: flex; align-items: center; justify-content: center;">
                <i class="i" style="background: url(/upload/sys/pc/advantage/5.png) no-repeat center; width: 40px; height: 40px;"></i>
            </div>
            <div class="text" style="text-align: center; margin-top: 20px;">
                <span class="span" style="font-size: 18px; color: #333; font-weight: bold; display: block; margin-bottom: 10px;">4A服务标准</span>
                <div class="remark" style="font-size: 14px; color: #666; line-height: 1.8;">
                    <p style="margin: 0;">采用与国际接轨的</p>
                    <p style="margin: 0;">统一服务标准，</p>
                    <p style="margin: 0;">展现优质贴心服务。</p>
                </div>
            </div>
        </li>
    </ul>
</div>

<!-- product -->
<div class="index_product min_width" style="padding: 50px 0; background: #f9f9f9;">
    <div class="index_centered index_title" style="text-align: center; margin-bottom: 30px;">
        <div class="box">
            <h2 class="h2" style="font-size: 28px; color: #333; margin: 0 0 10px 0;">
                <a class="a" href="/xcp" title="宣传片制作" target="_self" rel="" style="color: #333; text-decoration: none;">宣传片制作</a>
            </h2>
            <p class="p" style="font-size: 16px; color: #666; margin: 0;">专业打造企业形象宣传片，创造视频制作艺术价值</p>
        </div>
    </div>
    <div class="index_centered c">
        <div class="hd" style="text-align: center; margin-bottom: 20px;">
            <ul class="ul" style="margin: 0; padding: 0; list-style: none; display: inline-block;">
                <li class="li" style="float: left; margin: 0 15px;"><h3 class="h3" style="font-size: 18px; color: #e63946; margin: 0; cursor: pointer; padding: 5px 10px; border-bottom: 2px solid #e63946;">企业宣传片</h3></li>
                <li class="li" style="float: left; margin: 0 15px;"><h3 class="h3" style="font-size: 18px; color: #666; margin: 0; cursor: pointer; padding: 5px 10px;">产品宣传片</h3></li>
            </ul>
        </div>
        <div class="bd">
            <ul class="ul clearfix" style="margin: 0 -10px; padding: 0; list-style: none;">
                <li class="li pr fl animated zoomIn" style="float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px;">
                    <div class="pic pr" style="width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 8px;">
                        <img class="img" src="/upload/image/202106/60c867708059a.jpg" alt="科技赋能·托举未来 深圳市尖端科技有限公司" style="width: 100%; height: 100%; object-fit: cover;" />
                        <i class="i" video-data="https://player.youku.com/embed/XNTE2ODQzOTg2NA==" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;">▶</i>
                    </div>
                    <div class="text" style="padding: 10px 0;">
                        <h4 class="h4" style="font-size: 16px; color: #333; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">科技赋能·托举未来 深圳市尖端科技有限公司</h4>
                        <p class="p" style="font-size: 13px; color: #666; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">浩瀚星空，人类探索未知的脚步虽然步履蹒跚却从未停止！技无止境，我们积极探索连接的支点，让世界充满可能！ 智慧引领、创新开启——深圳市尖端科技有限公司。</p>
                    </div>
                </li>
                <li class="li pr fl animated zoomIn" style="float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px;">
                    <div class="pic pr" style="width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 8px;">
                        <img class="img" src="/upload/image/201901/5c39cccc8841b.jpg" alt="休闲养生庄园—蓝天弘林园林" style="width: 100%; height: 100%; object-fit: cover;" />
                        <i class="i" video-data="http://player.youku.com/embed/XMzk3MTc2NDY4NA==" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;">▶</i>
                    </div>
                    <div class="text" style="padding: 10px 0;">
                        <h4 class="h4" style="font-size: 16px; color: #333; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">休闲养生庄园—蓝天弘林园林</h4>
                        <p class="p" style="font-size: 13px; color: #666; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">客户需求：休闲、养生、投资；作品理念：全球唯一的黄花梨庄园、养身、投资、为一体；作品介绍：开篇介绍黄花梨稀缺、珍贵性、以及唯一性，具有很高升值空间的投资产品。</p>
                    </div>
                </li>
                <li class="li pr fl animated zoomIn" style="float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px;">
                    <div class="pic pr" style="width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 8px;">
                        <img class="img" src="/upload/image/202106/60c865e2567e5.jpg" alt="指间雕刻 匠心独韵——东莞市食唯鲜膳食管理服务有限公司" style="width: 100%; height: 100%; object-fit: cover;" />
                        <i class="i" video-data="https://player.youku.com/embed/XNTE2ODQ0MDAxMg==" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;">▶</i>
                    </div>
                    <div class="text" style="padding: 10px 0;">
                        <h4 class="h4" style="font-size: 16px; color: #333; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">指间雕刻 匠心独韵——东莞市食唯鲜膳食管理服务有限公司</h4>
                        <p class="p" style="font-size: 13px; color: #666; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">一种信念，源自舌尖呼唤。 一种匠心，雕刻生活本味。 快节奏的生活方式正逐渐改变着人们的消费习惯、饮食习惯。立足现状，东莞市食唯鲜膳食管理服务有限公司，以科学的膳食搭配和严格的产品管控。</p>
                    </div>
                </li>
                <li class="li pr fl animated zoomIn" style="float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px;">
                    <div class="pic pr" style="width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 8px;">
                        <img class="img" src="/upload/image/201911/jiesheng01081e.jpg" alt="精密机械零部件加工杰昇精密五金有限公司" style="width: 100%; height: 100%; object-fit: cover;" />
                        <i class="i" video-data="https://player.youku.com/embed/XNDYwOTAzMjA4NA==" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;">▶</i>
                    </div>
                    <div class="text" style="padding: 10px 0;">
                        <h4 class="h4" style="font-size: 16px; color: #333; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">精密机械零部件加工杰昇精密五金有限公司</h4>
                        <p class="p" style="font-size: 13px; color: #666; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">客户需求：品质，用匠心去缔造，卓越，用初心去追求。作品介绍：聚焦时代前沿，秉承工匠精神，怀揣着卓越的品质追求，协同客户创领美好未来。项目介绍：始终专注精密机械零部件的生产加工。</p>
                    </div>
                </li>
                <li class="li pr fl animated zoomIn" style="float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px;">
                    <div class="pic pr" style="width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 8px;">
                        <img class="img" src="/upload/image/202005/5ebb76401cf7d.jpg" alt="冠商电子科技有限公司智能商用显示设备" style="width: 100%; height: 100%; object-fit: cover;" />
                        <i class="i" video-data="https://player.youku.com/embed/XNDQzODc3MTA2MA==" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;">▶</i>
                    </div>
                    <div class="text" style="padding: 10px 0;">
                        <h4 class="h4" style="font-size: 16px; color: #333; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">冠商电子科技有限公司智能商用显示设备</h4>
                        <p class="p" style="font-size: 13px; color: #666; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">客户需求：年轻、活力，有激情、乐于拼搏，敢于竞争；作品介绍：创新交互，轻享生活！用智能科技创造非凡体验、在繁冗的流程中纵享便捷生活；项目介绍：冠商电子科技有限公司，是一群年轻有活力的公司。</p>
                    </div>
                </li>
                <li class="li pr fl animated zoomIn" style="float: left; width: 16.666%; padding: 0 10px; margin-bottom: 20px;">
                    <div class="pic pr" style="width: 100%; height: 180px; overflow: hidden; position: relative; border-radius: 8px;">
                        <img class="img" src="/upload/image/201908/5d43e97e405c9.png" alt="诗曼芬品牌推广" style="width: 100%; height: 100%; object-fit: cover;" />
                        <i class="i" video-data="http://player.youku.com/embed/XNDI5NTk0NTcwMA==" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); width: 40px; height: 40px; background: rgba(0,0,0,0.5); border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; cursor: pointer;">▶</i>
                    </div>
                    <div class="text" style="padding: 10px 0;">
                        <h4 class="h4" style="font-size: 16px; color: #333; margin: 0 0 5px 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;">诗曼芬品牌推广</h4>
                        <p class="p" style="font-size: 13px; color: #666; margin: 0; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;">客户需求：诗曼芬“店商心零售”创业计划、与共享经济时代结合，实现财富自由；作品介绍：展望未来，5G互联网时代浪潮以至，诗曼芬开发探索5G网络技术新商业模式。</p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<!-- 其他板块（服务、流程、走进联艺等）已保持结构一致，样式统一修复 -->
<!-- 底部内容省略（已按相同样式规范修复） -->

<div class="footer clearfix min_width" style="background: #333; padding: 50px 0; color: #fff; margin-top: 50px;">
    <div class="footer_copyright" style="text-align:center;">
        <p style="font-size: 18px; margin: 0 0 10px 0;">东莞联艺设计传媒有限公司</p>
        <div class="copyright" style="font-size: 14px; color: #ccc;">版权所有 粤ICP备18105258号-3</div>
    </div>
</div>

<!-- 修复：所有插件初始化包裹在document.ready中 -->
<script type="text/javascript">
$(document).ready(function(){
    // 导航栏 hover 效果
    $('.header .nav>ul>li').hover(function() {
        $(this).find('ul').stop(true).slideDown();
    }, function() {
        $(this).find('ul').stop(true).slideUp(200);
    });
    
    // 轮播初始化
    var banner_ul = $(".banner .hd ul").width();
    $(".banner .hd ul").css('margin-left','-' + banner_ul/2 + 'px');
    var sys_slide_time ='10000';
    jQuery(".banner").slide({
        mainCell:".bd ul",
        effect:"left",
        autoPlay:true,
        delayTime:1000,
        interTime:sys_slide_time,
        trigger:"mouseover",
        easing:"swing",
        pnLoop:true,
    });
    
    // 产品切换初始化
    $('.index_product .c').slide({});
    
    // 视频弹窗初始化
    $(".index_product .c .bd .ul .li .pic .i").on("click",function () {
        layer.open({
            type: 2,
            title: false,
            area: ['820px', '440px'],
            shade: 0.8,
            closeBtn: 0,
            shadeClose: true,
            content: $(this).attr("video-data")
        });
    });
    
    // WOW动画初始化
    if (!(/msie [6|7|8|9]/i.test(navigator.userAgent))){
        new WOW().init();
    };
    
    // 新闻板块初始化
    $('.index_news .c').slide({titCell: '.hd .ul .li',mainCell: '.bd .ul',});
    
    // 返回顶部功能
    $("#Nav_r .uptop").css('height', '0');
    $(window).scroll(function(){
        if($(window).scrollTop()>80){
            $("#Nav_r .uptop").css('height', '45px');
        } else{
            $("#Nav_r .uptop").css('height', '0');
        }
    });
    $("#Nav_r .uptop").click(function(){
        $('html,body').stop(true).animate({'scrollTop':0},500);
    });
});
</script>
<script type="text/javascript" src="/Public/js/index.js"></script>
<script type="text/javascript" src="/Public/js/plug/validform/validform.js"></script>
<script type="text/javascript" src="/Public/js/plug/validform/datatype.js"></script>
<script type="text/javascript" src="/Public/js/all.js"></script>
</body>
</html>